<template>
	<view class="box">
		<view class="tou top fixed" :style="'padding-top:' + statusBarHeight1 + 'px'">
			<!-- <image class="image1" @click="fanhui" src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png" />门店房源
      <p @click="bianji">{{ text }}</p> -->
			<image v-if="pages.length > 1" @click="fanhui" class="image1"
				src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png" />
			<image v-else @click="fanhui" class="image1"
				src="https://pic.bangbangtongcheng.com/273355a6b7cd4bcb8b4cf8baf9a4ad9a" />
			<image @click="fn" class="image2" src="https://pic.bangbangtongcheng.com/5bfdd20804944e49ac44a6d4acbf1225"
				mode="widthFix" />
			<!-- <p class="p2" @click="bianji">{{ text }}</p> -->
		</view>
		<image class="top_image" src="https://pic.bangbangtongcheng.com/84084b0f1ef841018ccb475774a8adc4.png"
			mode="widthFix" />
		<image :style="'top:' + (Number(statusBarHeight1) + 44 + 28) + 'px'" class="jz"
			src="https://pic.bangbangtongcheng.com/5321878714724eb0a78bc92aeaa2feae.png" mode="scaleToFill" @click="show1" />
		<view class="nums" @click="reward">
			<image class="pos_top" src="https://pic.bangbangtongcheng.com/2ce1d7388aa943be926d25a8ea169283.png"
				mode="scaleToFill" />
			<image class="mo" src="https://pic.bangbangtongcheng.com/f76373690d68475881557d1470e03d70.png"
				mode="scaleToFill" />
			<view class="num_top flex_center">
				<view class="line_box">
					<view class="line"></view>
					<view class="line line1"></view>
					<view class="line"></view>
				</view>
				<view class="num_title">你已获得金额</view>
				<view class="line_box line_box1">
					<view class="line"></view>
					<view class="line line1"></view>
					<view class="line"></view>
				</view>
			</view>
			<view class="num">
				<text class="unit"> ￥ </text>
				<text>{{ money }}</text>
			</view>
		</view>

		<view class="nums1" v-if="
        list.length &&
        data2.userTask &&
        data2.userTask.status != 3 &&
        data2.userTask.isEnd != 1
      ">
			<image class="pos_top" src="https://pic.bangbangtongcheng.com/0c4edf852ac942a69ce577d2161dac8d.png"
				mode="scaleToFill" />
			<view class="time">
				<view class="time_text" v-if="hour != ''">本轮邀请结束时间还剩</view>
				<view class="flex_center" v-if="hour != ''">
					<view class="time_box">
						{{ hour }}
					</view>
					<view class="unit"> : </view>
					<view class="time_box">
						{{ minute }}
					</view>
					<view class="unit"> : </view>
					<view class="time_box">
						{{ second }}
					</view>
				</view>
			</view>
			<view class="schedule">
				<view class="schedule_text">
					分享邀请{{ data2.inviteNumber }}位好友关注公众号
				</view>
				<view class="progress">
					<view v-if="data2.userTask.shareNum != 0" class="progress_content" :style="
              'width:' +
              (Number(data2.proportion) > 100 ? 100 : Number(data2.proportion)) +
              '%'
            ">
					</view>
					<view v-else class="progress_content" :style="'width: 0%'"></view>
				</view>
				<view class="schedule_text1 flex_end">
					<view>当前进度：{{
              data2.userTask.shareNum == 0
                ? 0
                : Number(data2.proportion) > 100
                ? 100
                : Number(data2.proportion)
            }}%</view>
					<view class="right">{{ data2.price }}元</view>
				</view>
				<image class="envelope" src="https://pic.bangbangtongcheng.com/d61b27e8f25848da83e1369a15f13716.png"
					mode="scaleToFill" />
			</view>
			<view class="btns flex_end">
				<image @click="show(data2.type, data2.userTask.id)"
					src="https://pic.bangbangtongcheng.com/f26906b76bdb45c49209197b151914be.png" mode="scaleToFill" />
				<image v-if="data2.userTask.status == 1 || data2.userTask.status == 2"
					src="https://pic.bangbangtongcheng.com/a47617080e2d41b486d39b4678ea8a6c.png" mode="scaleToFill"
					@click="openTask(data2.type, 1)" />

				<image v-else @click="show3(1, data2)"
					src="https://pic.bangbangtongcheng.com/f223e5e6e5d149dc99a6cde2ede48720.png" mode="scaleToFill" />
				<!-- #ifdef MP-WEIXIN -->
				<!-- <image
            v-else
            @click="fnMp(1, data2)"
            src="https://pic.bangbangtongcheng.com/f223e5e6e5d149dc99a6cde2ede48720.png"
            mode="scaleToFill"
          /> -->
				<!-- #endif -->
				<!-- #ifndef MP-WEIXIN -->
				<!-- <image
            v-else
            @click="show3(1, data2)"
            src="https://pic.bangbangtongcheng.com/f223e5e6e5d149dc99a6cde2ede48720.png"
            mode="scaleToFill"
          /> -->
				<!-- #endif -->
			</view>
		</view>
		<view class="a_item" v-if="
        (list.length && !data2.userTask) ||
        (data2.userTask && data2.userTask.status == 3) ||
        (data2.userTask && data2.userTask.isEnd == 1)
      " @click="openTask(data2.type, 1)">
			<image class="pos_top" src="https://pic.bangbangtongcheng.com/0c4edf852ac942a69ce577d2161dac8d.png"
				mode="scaleToFill" />
			<image class="mo" src="https://pic.bangbangtongcheng.com/f4d0dd0fa45a45c7bc1c78812a5c33d6.png"
				mode="scaleToFill" />
			<view class="a_text"> 分享邀请{{ data2.inviteNumber }}位好友关注公众号 </view>
			<view class="num">
				<text class="unit"> ￥ </text>
				<text>{{ data2.price }}</text>
			</view>
		</view>
		<view class="nums1" v-if="
        list.length &&
        data1.userTask &&
        data1.userTask.status != 3 &&
        data1.userTask.isEnd != 1
      ">
			<image class="pos_top" src="https://pic.bangbangtongcheng.com/5b85ee0c17c54a9ab9f73f1e9f45f48b.png"
				mode="scaleToFill" />
			<view class="time">
				<view class="time_text" v-if="hour1 != ''">本轮邀请结束时间还剩</view>
				<view class="flex_center" v-if="hour1 != ''">
					<view class="time_box">
						{{ hour1 }}
					</view>
					<view class="unit"> : </view>
					<view class="time_box">
						{{ minute1 }}
					</view>
					<view class="unit"> : </view>
					<view class="time_box">
						{{ second1 }}
					</view>
				</view>
				<!-- <view class="time_box">
          {{ hour1 }}
        </view>
        <view class="unit"> : </view>
        <view class="time_box">
          {{ minute1 }}
        </view>
        <view class="unit"> : </view>
        <view class="time_box">
          {{ second1 }}
        </view> -->
			</view>
			<view class="schedule">
				<view class="schedule_text"> 邀请{{ data1.inviteNumber }}位新用户注册 </view>
				<view class="progress">
					<view v-if="data1.userTask.shareNum != 0" class="progress_content" :style="
              'width:' +
              (Number(data1.proportion) > 100 ? 100 : Number(data1.proportion)) +
              '%'
            ">
					</view>
					<view v-else class="progress_content" :style="'width: 0%'"></view>
				</view>
				<view class="schedule_text1 flex_end">
					<view>当前进度：{{
              data1.userTask.shareNum == 0
                ? 0
                : Number(data1.proportion) > 100
                ? 100
                : Number(data1.proportion)
            }}%</view>
					<view class="right">{{ data1.price }}元</view>
				</view>
				<image class="envelope" src="https://pic.bangbangtongcheng.com/d61b27e8f25848da83e1369a15f13716.png"
					mode="scaleToFill" />
			</view>
			<view class="btns flex_end">
				<image @click="show(data1.type, data1.userTask.id)"
					src="https://pic.bangbangtongcheng.com/f26906b76bdb45c49209197b151914be.png" mode="scaleToFill" />
				<image v-if="data1.userTask.status == 1 || data1.userTask.status == 2"
					src="https://pic.bangbangtongcheng.com/a47617080e2d41b486d39b4678ea8a6c.png" mode="scaleToFill"
					@click="openTask(data1.type, 2)" />

				<image v-else @click="show3(2, data1)"
					src="https://pic.bangbangtongcheng.com/f223e5e6e5d149dc99a6cde2ede48720.png" mode="scaleToFill" />
				<!-- #ifdef MP-WEIXIN -->
				<!-- <image
            v-else
            @click="fnMp(2, data1)"
            src="https://pic.bangbangtongcheng.com/f223e5e6e5d149dc99a6cde2ede48720.png"
            mode="scaleToFill"
          /> -->
				<!-- #endif -->
				<!-- #ifndef MP-WEIXIN -->
				<!-- <image
            v-else
            @click="show3(2, data1)"
            src="https://pic.bangbangtongcheng.com/f223e5e6e5d149dc99a6cde2ede48720.png"
            mode="scaleToFill"
          /> -->
				<!-- #endif -->
			</view>
		</view>
		<view class="a_item" v-if="
        (list.length && !data1.userTask) ||
        (data1.userTask && data1.userTask.status == 3) ||
        (data1.userTask && data1.userTask.isEnd == 1)
      " @click="openTask(data1.type, 2)">
			<image class="pos_top" src="https://pic.bangbangtongcheng.com/5b85ee0c17c54a9ab9f73f1e9f45f48b.png"
				mode="scaleToFill" />
			<image class="mo" src="https://pic.bangbangtongcheng.com/f4d0dd0fa45a45c7bc1c78812a5c33d6.png"
				mode="scaleToFill" />
			<view class="a_text"> 邀请{{ data1.inviteNumber }}位新用户注册 </view>
			<view class="num">
				<text class="unit"> ￥ </text>
				<text>{{ data1.price }}</text>
			</view>
		</view>
		<view class="bottom_text">
			<view>有任何本活动相关问题欢迎反馈</view>
			<view>联系方式：15192081808</view>
		</view>
		<uni-popup ref="binds" mode="center">
			<view class="window">
				<image class="close" src="https://pic.bangbangtongcheng.com/c873390ed8744abf8613853ebe08fbfb.png"
					mode="scaleToFill" @click="close" />
				<view class="window_title" v-if="type1 == 2">关注公众号好友{{ userList.length }}位
				</view>
				<view class="window_title" v-else>新注册好友{{ userList.length }}位 </view>
				<scroll-view class="window_scroll" scroll-y>
					<view class="window_item" v-for="(item, index) in userList" :key="index">
						<image v-if="item.image" class="header" :src="item.image" mode="scaleToFill" />
						<image v-else class="header" src="https://pic.bangbangtongcheng.com/static/my/header.png"
							mode="scaleToFill" />
						<view class="userInfo">
							<view class="user_name">{{ item.nikeName || "未命名用户" }}</view>
							<view class="user_time">{{
                $Time.getTimeDayZY(item.createDate) || ""
              }}</view>
						</view>
						<view class="state" v-if="type1 == 2">{{
              item.status == 1 ? "已关注" : "未关注"
            }}</view>
						<view class="state" v-else>{{
              item.status == 1 ? "已注册" : "未注册"
            }}</view>
					</view>
					<!-- <swiper
            v-if="userList.length != 0"
            :display-multiple-items="8"
            vertical
            easing-function="linear"
            class="swiper"
          >
            <swiper-item v-for="(item, index) in userList" :key="index">
              <view class="window_item">
                <image
                  v-if="item.image"
                  class="header"
                  :src="item.image"
                  mode="scaleToFill"
                />
                <image
                  v-else
                  class="header"
                  src="https://pic.bangbangtongcheng.com/static/my/header.png"
                  mode="scaleToFill"
                />
                <view class="userInfo">
                  <view class="user_name">{{ item.nikeName || "未命名用户" }}</view>
                  <view class="user_time">{{
                    $Time.getTimeDayZY(item.createDate) || ""
                  }}</view>
                </view>
                <view class="state" v-if="type1 == 2">{{
                  item.status == 1 ? "已关注" : "未关注"
                }}</view>
                <view class="state" v-else>{{
                  item.status == 1 ? "已注册" : "未注册"
                }}</view>
              </view>
            </swiper-item>
          </swiper> -->
					<view class="none" v-if="userList.length == 0">当前暂无数据，快去邀请好友吧~</view>
				</scroll-view>
			</view>
		</uni-popup>
		<uni-popup ref="binds1" mode="center">
			<view class="window">
				<image class="close" src="https://pic.bangbangtongcheng.com/c873390ed8744abf8613853ebe08fbfb.png"
					mode="scaleToFill" @click="close1" />
				<view class="num_top flex_center">
					<view class="line_box line_box1">
						<view class="line"></view>
						<view class="line line1"></view>
						<view class="line"></view>
					</view>
					<view class="num_title">活动规则</view>
					<view class="line_box">
						<view class="line"></view>
						<view class="line line1"></view>
						<view class="line"></view>
					</view>
				</view>
				<scroll-view style="height: 60vh" scroll-y>
					<mp-html :content="content"></mp-html>
				</scroll-view>
			</view>
		</uni-popup>
		<view class="mask1" v-if="showActivity1" @click="showActivityclose"></view>
		<view class="activity_box" v-if="showActivity1" :class="showActivity ? 'show' : 'hide'">
			<!-- <image
        class="activity_image"
        src="https://pic.bangbangtongcheng.com/72554f5ccba14b569ccd863b1aa18d2d.png"
        mode="scaleToFill"
      /> -->
			<view class="success_window">
				<image class="success_top" src="https://pic.bangbangtongcheng.com/3baed5eb9d9943479439aa7965ea5405.png"
					mode="scaleToFill" />
				<view class="success_title">恭喜！任务完成!</view>
				<view class="success_text">任务完成！前往收益提现领红包~</view>
				<view class="success_btn flex_center" @click="reward">去提现</view>
			</view>
			<image @click="showActivityclose" v-if="showActivity" class="window_close"
				src="https://pic.bangbangtongcheng.com/f4f1219473f74f5e9c2602ee0a6bbd38.png" mode="scaleToFill" />
		</view>
		<view class="motaikuang motaikuang2" v-show="show2" @click="show2 = false">
			<div class="tips" @click.stop="aaa">
				<view class="window_title">分享到</view>
				<image class="close" src="https://pic.bangbangtongcheng.com/c873390ed8744abf8613853ebe08fbfb.png"
					mode="scaleToFill" @click="show2 = false" />

				<!-- #ifndef MP-WEIXIN -->
				<view class="flex_end size">
				<!-- #endif -->
					<!-- #ifdef MP-WEIXIN -->
					<view class="flex_end flex_center size">
					<!-- #endif -->
						<!-- #ifndef MP-WEIXIN -->
						<view class="fn_item" @click="fn1(type)">
							<image class="share-img" src="https://pic.bangbangtongcheng.com/d15fe05c24e049d6b11166f4bf77c88d.png"
								mode="scaleToFill" />
							<view>微信好友</view>
						</view>
						<view class="fn_item" @click="fn2(type)">
							<image class="share-img" src="https://pic.bangbangtongcheng.com/672d8ad17a574deeaa97d6e2fa8b9419.png"
								mode="scaleToFill" />
							<view>朋友圈</view>
						</view>
						<!-- #endif -->
						<!-- #ifdef MP-WEIXIN -->
						<button open-type="share" class="fn_item wx-btn">
							<image class="share-img" src="https://pic.bangbangtongcheng.com/d15fe05c24e049d6b11166f4bf77c88d.png"
								mode="scaleToFill" />
							<view>微信好友</view>
						</button>
						<!-- <button open-type="share" class="fn_item wx-btn" @click="fn2(type)">
            <image
              class="share-img"
              src="https://pic.bangbangtongcheng.com/672d8ad17a574deeaa97d6e2fa8b9419.png"
              mode="scaleToFill"
            />
            <view>朋友圈</view>
          </button> -->
						<!-- #endif -->

						<!-- <view class="fn_item" @click="fn3(type)" v-if="type == 1">
            <image
              src="https://pic.bangbangtongcheng.com/41136336e8d8404594c1c30ca26ff7f2.png"
              mode="scaleToFill"
            />
            <view>复制链接</view>
          </view> -->
					</view>
			</div>
		</view>
	</view>
</template>
<script>
	import {
		mapGetters
	} from "vuex";
	let statusBarHeight;
	//#ifdef H5
	import wxshare from "../utils/index.js";
	statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10;
	//#endif
	// #ifdef APP-PLUS
	statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10;
	//  #endif
	// #ifdef MP-WEIXIN
	statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 5;
	//  #endif
	export default {
		data() {
			return {
				statusBarHeight,
				userInfo: uni.getStorageSync("Pduser"),
				hour: "",
				minute: "",
				second: "",
				timeDown: "",
				hour1: "",
				minute1: "",
				second1: "",
				timeDown1: "",
				showActivity: false,
				showActivity1: false,
				show2: false,
				chainMsg: {},
				type: 1,
				taskInfo: {},
				list: [],
				money: 0,
				userList: [],
				data1: {},
				data2: {},
				data5: {},
				content: "",
				type1: "",
				pages: [],
				duration: 2000,
			};
		},
		computed: {
			...mapGetters(["statusBarHeight1", "userinfo"]),
		},
		onLoad(options) {
			let that = this;
			/* #ifdef H5 */
			this.jinzhi();
			/* #endif */
			this.pages = getCurrentPages();
		},
		onShow() {
			this.getData();
		},
		methods: {
			showActivityclose() {
				this.showActivity = false;
				setTimeout(() => {
					this.showActivity1 = false;
				}, 950);
			},
			reward() {
				uni.navigateTo({
					url: "/pages_my/reward",
				});
			},
			openTask(id, type) {
				if (this.data5.inviteNumber == 0) {
					uni.showToast({
						title: "活动已结束",
						duration: 2000,
						icon: "none",
					});
					return;
				}
				this.$myRequest
					.get("/api/mobile/public/addTask", {
						userId: this.userInfo.id,
						taskType: id,
					})
					.then((res) => {
						// uni.showToast({
						//   title: "开启任务成功",
						//   duration: 2000,
						//   icon: "none",
						// });
						setTimeout(() => {
							this.getData();
							this.show2 = true;
							this.type = type;
						}, 1500);
					});
			},
			aaa() {},
			show3(type, item) {
				this.type = type;
				this.taskInfo = item;
				this.show2 = true;
			},
			fanhui() {
				let pages = getCurrentPages();
				if (pages.length > 1) {
					uni.navigateBack({
						delta: 1,
					});
				} else {
					uni.switchTab({
						url: "/pages/index/index"
					});
				}
			},
			getData() {
				let that = this;
				uni.showLoading({
					title: "加载中",
				});
				this.$myRequest
					.get("/api/mobile/public/getShareInfo", {
						userId: this.userInfo.id,
					})
					.then((res) => {
						// res.commonTaskConfigs.forEach((el) => {
						//   el.userTask = false;
						// });
						if (this.timeDown1) clearInterval(this.timeDown1);
						if (this.timeDown) clearInterval(this.timeDown);

						this.hour = "";
						this.minute = "";
						this.second = "";
						this.hour1 = "";
						this.minute1 = "";
						this.second1 = "";
						this.list = res.commonTaskConfigs;
						let type5 = {};
						if (this.list.length) {
							this.list.forEach((el) => {
								if (el.type == 5) {
									type5 = el;
									this.data5 = type5;
								}
								if (el.type == 1) {
									if (
										el.userTask &&
										el.userTask.isEnd != 1 &&
										el.userTask.status != 2 &&
										el.userTask.status != 3
									) {
										this.timeDown1 = setInterval(
											that.updateCountdown1,
											1000,
											el.userTask.endTime
										);
									}
									if (el.userTask && el.userTask.status == 1) {
										this.showActivity = true;
										this.showActivity1 = true;
									}
									if (el.userTask)
										el.proportion = (
											(el.userTask.shareNum / el.inviteNumber) *
											100
										).toFixed(0);

									this.data1 = el;
								} else if (el.type == 2) {
									if (el.userTask && el.userTask.status == 1) {
										this.showActivity = true;
										this.showActivity1 = true;
									}
									if (
										el.userTask &&
										el.userTask.isEnd != 1 &&
										el.userTask.status != 2 &&
										el.userTask.status != 3
									) {
										this.timeDown = setInterval(
											that.updateCountdown,
											1000,
											el.userTask.endTime
										);
									}
									if (el.userTask)
										el.proportion = (
											(el.userTask.shareNum / el.inviteNumber) *
											100
										).toFixed(0);
									this.data2 = el;
								} else if (el.type == 3) {
									this.content = el.remarks;
								}
							});
							if (this.type == 1) {
								this.taskInfo = this.data2;
							} else {
								this.taskInfo = this.data1;
							}
						}
						this.money = res.money;
						uni.stopPullDownRefresh();
					})
					.finally(() => {
						uni.hideLoading();
					});
			},
			getList(id) {
				let that = this;
				uni.showLoading({
					title: "加载中",
				});
				this.$myRequest
					.get("/api/mobile/public/getShareList", {
						id,
					})
					.then((res) => {
						this.userList = res.commonShareInfos;
					})
					.finally(() => {
						uni.hideLoading();
					});
			},
			close() {
				this.$refs.binds.close();
			},
			close1() {
				this.$refs.binds1.close();
			},
			show(type, id) {
				this.type1 = type;
				this.$refs.binds.open();
				this.getList(id);
			},
			show1() {
				this.$refs.binds1.open();
			},
			// 更新倒计时函数
			updateCountdown(date) {
				const targetTime = new Date(date).getTime();
				const currentTime = new Date().getTime();
				const timeLeft = targetTime - currentTime;
				// console.log(timeLeft);
				if (timeLeft >= 0) {
					const hours = Math.floor(timeLeft / 3600000);
					const minutes = Math.floor((timeLeft / 1000 / 60) % 60);
					const seconds = Math.floor((timeLeft / 1000) % 60);
					// 格式化显示时间
					this.hour = hours > 9 ? hours : "0" + hours;
					this.minute = minutes > 9 ? minutes : "0" + minutes;
					this.second = seconds > 9 ? seconds : "0" + seconds;
					// setTimeout(this.updateCountdown(date), 1000)
				} else {
					// 倒计时结束
					clearInterval(this.timeDown);

					this.hour = "00";
					this.minute = "00";
					this.second = "00";
					this.getData();
				}
			},
			// 更新倒计时函数
			updateCountdown1(date) {
				const targetTime = new Date(date).getTime();
				const currentTime = new Date().getTime();
				const timeLeft = targetTime - currentTime;

				if (timeLeft >= 0) {
					const hours = Math.floor(timeLeft / 3600000);
					const minutes = Math.floor((timeLeft / 1000 / 60) % 60);
					const seconds = Math.floor((timeLeft / 1000) % 60);
					// 格式化显示时间
					this.hour1 = hours > 9 ? hours : "0" + hours;
					this.minute1 = minutes > 9 ? minutes : "0" + minutes;
					this.second1 = seconds > 9 ? seconds : "0" + seconds;
					// setTimeout(this.updateCountdown(date), 1000)
				} else {
					// 倒计时结束
					clearInterval(this.timeDown1);

					this.hour1 = "00";
					this.minute1 = "00";
					this.second1 = "00";
					this.getData();
				}
			},
			aaa() {},
			jinzhi() {
				let _this = this;
				let param = window.location.href.split("#")[0];
				uni.request({
					method: "post",
					data: {
						url: param,
					},
					header: {
						"content-type": "application/x-www-form-urlencoded",
					},
					url: "https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do",
					success(re) {
						_this.jinzhifx(re.data);
					},
				});
			},
			jinzhifx(data) {
				wxshare.config({
					debug: false, //是否打开调试
					appId: data.appId, // 公众号的唯一标识
					timestamp: data.timestamp, // 生成签名的时间戳
					nonceStr: data.nonce, // ，生成签名的随机串
					signature: data.signature, // 签名
					jsApiList: ["hideMenuItems"],
				});
				// 禁止分享
				wxshare.hideMenuItems({
					// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
					menuList: [
						"menuItem:share:appMessage",
						"menuItem:share:timeline",
						"menuItem:share:timeline",
						"menuItem:share:qq",
						"menuItem:favorite",
						"menuItem:share:QZone",
						"menuItem:openWithSafari",
					],
				});
			},

			async getLocation() {
				let that = this;
				// #ifdef APP-PLUS
				let isAndroid = false;
				const res = uni.getSystemInfoSync();
				if (res.platform == "android") {
					isAndroid = true;
				} else {
					isAndroid = false;
				}
				if (isAndroid) {
					that.authorizationApp(
						"locationState",
						"android.permission.ACCESS_FINE_LOCATION",
						"您已关闭位置权限或获取位置信息失败",
						that.getLocation1()
					);
				} else {
					that.getLocation1();
				}
				//  #endif
				// #ifndef APP-PLUS
				that.getLocation1();
				//  #endif
			},
			getLocation1() {
				let _this = this;
				uni.showLoading({
					title: "加载中",
					mask: false,
				});
				console.log("getLocation1");
				uni.getLocation({
					type: "gcj02",
					// highAccuracyExpireTime: "2000",
					success(res) {
						console.log("111");
						_this.latitude = res.latitude;
						_this.longitude = res.longitude;
						// _this.getFy()
					},
					fail(res) {
						console.log(res, "经纬度没有授权");
						uni.setStorageSync("locationState", 0);
						if (uni.getStorageSync("locationState") == 0) {
							uni.showModal({
								title: "提示",
								content: "您已关闭位置权限或获取位置信息失败",
								success: function(res) {
									if (res.confirm) {
										// plus.runtime.openURL("app-settings:");
										if (plus.os.name === 'iOS') {
											plus.runtime.openURL("app-settings://");
										} else {
											var Intent = plus.android.importClass("android.content.Intent");
											var Settings = plus.android.importClass("android.provider.Settings");
											var Uri = plus.android.importClass("android.net.Uri");
											var mainActivity = plus.android.runtimeMainActivity();
											var intent = new Intent();
											intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);
											var uri = Uri.fromParts("package", mainActivity.getPackageName(), null);
											intent.setData(uri);
											mainActivity.startActivity(intent);
										}
									} else if (res.cancel) {
										console.log("用户点击取消");
									}
									// _this.getFy()
								},
							});
							return false;
						}
					},
					complete() {
						uni.hideLoading();
					},
				});
			},
			fn1(type) {
				if (this.taskInfo.type == 2) {
					uni.share({
						provider: "weixin",
						scene: "WXSceneSession",
						type: 5,
						title: "关注公众号，买房买车找工作都方便",
						// imageUrl:
						//   "https://pic.bangbangtongcheng.com/027cc83f2b7d4fac8d740ff4190530f1.png",
						imageUrl: "https://pic.bangbangtongcheng.com/icon/sharegz.png",
						miniProgram: {
							id: "gh_c8b17811efca",
							path: "pages_my/follow?userId=" +
								this.userInfo.id +
								"&taskId=" +
								this.taskInfo.userTask.id,
							type: 0,
							webUrl: "https://www.bangbangtongcheng.com/conven_web/#/pages_my/follow?userId=" +
								this.userInfo.id +
								"&taskId=" +
								this.taskInfo.userTask.id,
						},
						success: function(res) {
							console.log("success:" + JSON.stringify(res));
						},
						fail: function(err) {
							console.log("fail:" + JSON.stringify(err));
						},
					});
				} else {
					uni.share({
						provider: "weixin",
						scene: "WXSceneSession",
						type: 5,
						title: "快来，一起领现金红包，还有超多福利等你来",
						// imageUrl:
						//   "https://pic.bangbangtongcheng.com/bd4a50b0622c40bebd110b1aaa05c7df.png",
						imageUrl: "https://pic.bangbangtongcheng.com/icon/sharezc.png",
						miniProgram: {
							id: "gh_c8b17811efca",
							path: "pages/index/index?userId=" +
								this.userInfo.id +
								"&taskId=" +
								this.taskInfo.userTask.id,
							type: 0,
							webUrl: "https://www.bangbangtongcheng.com/conven_web/#/pages/index/index?userId=" +
								this.userInfo.id +
								"&taskId=" +
								this.taskInfo.userTask.id,
						},
						success: function(res) {
							console.log("success:" + JSON.stringify(res));
						},
						fail: function(err) {
							console.log("fail:" + JSON.stringify(err));
						},
					});
				}
				let that = this;
				setTimeout(() => {
					that.show2 = false;
				}, 1000);
			},
			fn2(type) {
				let wsxcene = null;
				if (this.taskInfo.type == 2) {
					uni.downloadFile({
						// url: "https://pic.bangbangtongcheng.com/027cc83f2b7d4fac8d740ff4190530f1.png", //仅为示例，并非真实的资源
						url: "https://pic.bangbangtongcheng.com/icon/sharegz.png",
						success: (res) => {
							console.log(res);
							if (res.statusCode === 200) {
								let name = res.tempFilePath.substr(res.tempFilePath.lastIndexOf("/") + 1); //截取文件名
								plus.zip.compressImage({
										src: res.tempFilePath, //下载完图片的临时路径
										dst: "_doc/photoData/" + name, //存储压缩完图片的临时路径
										overwrite: true, //再次压缩会覆盖掉上次的目录
										width: "150px", //缩放图片的宽度
										height: "100px", //缩放图片的高度
										quality: 5, //压缩图片质量,值越低,图片占内存越低
									},
									(event) => {
										console.log(event);
										//压缩成功
										wsxcene = "WXSceneTimeline"; //分享到朋友圈 只能H5 或者图片
										uni.share({
											provider: "weixin",
											scene: wsxcene,
											type: 0,
											title: "关注公众号，买房买车找工作都方便",
											href: "https://www.bangbangtongcheng.com/conven_web/#/pages_my/follow?userId=" +
												this.userInfo.id +
												"&taskId=" +
												this.taskInfo.userTask.id,
											imageUrl: event.target,
											summary: "关注公众号，买房买车找工作都方便",
											success: function(res) {
												console.log("success:" + JSON.stringify(res));
												this.show2 = false;
											},
											fail: function(err) {
												console.log("fail:" + JSON.stringify(err));
												this.show2 = false;
											},
										});
									},
									(error) => {
										//压缩失败
										uni.showToast({
											title: "压缩失败",
											icon: "none",
										});
										this.show2 = false;
									}
								);
							}
						},
						fail: (error) => {
							console.log(error);
							this.show2 = false;
						},
					});
				} else {
					uni.downloadFile({
						// url: "https://pic.bangbangtongcheng.com/bd4a50b0622c40bebd110b1aaa05c7df.png", //仅为示例，并非真实的资源
						url: "https://pic.bangbangtongcheng.com/icon/sharezc.png",
						success: (res) => {
							if (res.statusCode === 200) {
								let name = res.tempFilePath.substr(res.tempFilePath.lastIndexOf("/") + 1); //截取文件名
								plus.zip.compressImage({
										src: res.tempFilePath, //下载完图片的临时路径
										dst: "_doc/photoData/" + name, //存储压缩完图片的临时路径
										overwrite: true, //再次压缩会覆盖掉上次的目录
										width: "150px", //缩放图片的宽度
										height: "100px", //缩放图片的高度
										quality: 5, //压缩图片质量,值越低,图片占内存越低
									},
									(event) => {
										//压缩成功
										wsxcene = "WXSceneTimeline"; //分享到朋友圈 只能H5 或者图片
										uni.share({
											provider: "weixin",
											scene: wsxcene,
											type: 0,
											title: "快来，一起领现金红包，还有超多福利等你来",
											href: "https://www.bangbangtongcheng.com/conven_web/#/pages/index/index?userId=" +
												this.userInfo.id +
												"&taskId=" +
												this.taskInfo.userTask.id,
											imageUrl: event.target,
											summary: "快来，一起领现金红包，还有超多福利等你来",
											success: function(res) {
												console.log("success:" + JSON.stringify(res));
												this.show2 = false;
											},
											fail: function(err) {
												console.log("fail:" + JSON.stringify(err));
												this.show2 = false;
											},
										});
									},
									(error) => {
										//压缩失败
										uni.showToast({
											title: "压缩失败",
											icon: "none",
										});
										this.show2 = false;
									}
								);
							}
						},
						fail: (error) => {
							console.log(error);
							this.show2 = false;
						},
					});
				}
				let that = this;
				setTimeout(() => {
					that.show2 = false;
				}, 1000);
			},

			fnMp(type, item) {
				this.type = type;
				this.taskInfo = item;
				uni.showActionSheet({
					itemList: ["分享到微信好友", "分享到微信朋友圈"],
					success: (res) => {
						let wsxcene = null;
						if (res.tapIndex == 0) {
							uni.share({
								provider: "weixin",
								scene: "WXSceneSession",
								type: 5,
								title: "快来，一起领现金红包，还有超多福利等你来",
								// imageUrl:
								//   "https://pic.bangbangtongcheng.com/bd4a50b0622c40bebd110b1aaa05c7df.png",
								imageUrl: "https://pic.bangbangtongcheng.com/icon/sharezc.png",
								miniProgram: {
									id: "gh_c8b17811efca",
									path: "pages/index/index?userId=" +
										this.userInfo.id +
										"&taskId=" +
										this.taskInfo.userTask.id,
									type: 0,
									webUrl: "https://www.bangbangtongcheng.com/conven_web/#/pages/index/index?userId=" +
										this.userInfo.id +
										"&taskId=" +
										this.taskInfo.userTask.id,
								},
								success: function(res) {
									console.log("success:" + JSON.stringify(res));
								},
								fail: function(err) {
									console.log("fail:" + JSON.stringify(err));
								},
							});
						} else {
							let wsxcene = null;
							//压缩成功
							wsxcene = "WXSceneTimeline"; //分享到朋友圈 只能H5 或者图片
							uni.share({
								provider: "weixin",
								scene: wsxcene,
								type: 0,
								title: "快来，一起领现金红包，还有超多福利等你来",
								href: "https://www.bangbangtongcheng.com/conven_web/#/pages/index/index?userId=" +
									this.userInfo.id +
									"&taskId=" +
									this.taskInfo.userTask.id,
								imageUrl: "https://pic.bangbangtongcheng.com/icon/sharezc.png",
								summary: "快来，一起领现金红包，还有超多福利等你来",
								success: function(res) {
									console.log("success:" + JSON.stringify(res));
									this.show2 = false;
								},
								fail: function(err) {
									console.log("fail:" + JSON.stringify(err));
									this.show2 = false;
								},
							});
						}
					},
					fail: function(res) {
						console.log(res.errMsg);
					},
				});
			},
			fn() {
				uni.showActionSheet({
					itemList: ["分享到微信好友", "分享到微信朋友圈"],
					success: (res) => {
						let wsxcene = null;
						if (res.tapIndex == 0) {
							//分享到好友 可以发送小程序
							wsxcene = "WXSceneSession";
							uni.share({
								provider: "weixin",
								scene: wsxcene,
								type: 5,
								title: "邀请好友领红包",
								imageUrl: "https://pic.bangbangtongcheng.com/icon/sharezc.png",
								miniProgram: {
									id: "gh_c8b17811efca",
									path: "pages/login/phoneLogin",
									type: 0,
									webUrl: "https://www.bangbangtongcheng.com/conven_web/#/pages/login/phoneLogin",
								},
								success: function(res) {
									console.log("success:" + JSON.stringify(res));
								},
								fail: function(err) {
									console.log("fail:" + JSON.stringify(err));
								},
							});
						} else {
							uni.downloadFile({
								url: "https://pic.bangbangtongcheng.com/icon/sharezc.png", //仅为示例，并非真实的资源
								success: (res) => {
									if (res.statusCode === 200) {
										let name = res.tempFilePath.substr(
											res.tempFilePath.lastIndexOf("/") + 1
										); //截取文件名
										plus.zip.compressImage({
												src: res.tempFilePath, //下载完图片的临时路径
												dst: "_doc/photoData/" + name, //存储压缩完图片的临时路径
												overwrite: true, //再次压缩会覆盖掉上次的目录
												width: "150px", //缩放图片的宽度
												height: "100px", //缩放图片的高度
												quality: 5, //压缩图片质量,值越低,图片占内存越低
											},
											(event) => {
												//压缩成功
												wsxcene = "WXSceneTimeline"; //分享到朋友圈 只能H5 或者图片
												uni.share({
													provider: "weixin",
													scene: wsxcene,
													type: 0,
													title: "邀请好友领红包",
													href: "https://www.bangbangtongcheng.com/conven_web/#/pages/login/phoneLogin",
													imageUrl: event.target,
													summary: "邀请好友领红包",
													success: function(res) {
														console.log("success:" + JSON.stringify(res));
													},
													fail: function(err) {
														console.log("fail:" + JSON.stringify(err));
													},
												});
											},
											(error) => {
												//压缩失败
												uni.showToast({
													title: "压缩失败",
													icon: "none",
												});
											}
										);
									}
								},
							});
						}
					},
					fail: function(res) {
						console.log(res.errMsg);
					},
				});
			},
			fn3() {
				uni.setClipboardData({
					data: "#小程序://帮帮同城/E8NJgROu0jxZtig?userId=" +
						this.userInfo.id +
						"&taskId=" +
						this.taskInfo.userTask.id,
					showToast: true,
				});
			},
		},
		// onShareAppMessage() {
		//   return {
		//     title: "邀请好友领红包",
		//     imageUrl: "https://pic.bangbangtongcheng.com/icon/sharezc.png",
		//     path: "/pages/login/phoneLogin",
		//     success() {
		//       console.log("分享成功");
		//     },
		//     fail(err) {
		//       console.error("分享失败", err);
		//     },
		//   };
		// },

		onShareTimeline() {
			return {
				title: "邀请好友领红包",
				path: "/pages/login/phoneLogin",
				imageUrl: "https://pic.bangbangtongcheng.com/icon/sharezc.png",
			};
		},
		onShareAppMessage: function(res) {
			let that = this;
			// console.log(that.imgUrl + that.data.logo);
			var obj = {}
			if (res.from === "menu") {
				return {
					title: "邀请好友领红包",
					imageUrl: "https://pic.bangbangtongcheng.com/icon/sharezc.png",
					path: "/pages/login/phoneLogin",
					success() {
						console.log("分享成功");
					},
					fail(err) {
						console.error("分享失败", err);
					},
				};
			} else {
				if (that.taskInfo.type == 2) {
					obj = {
						title: "关注公众号，买房买车找工作都方便",
						imageUrl: "https://pic.bangbangtongcheng.com/icon/sharegz.png",
						path: "pages_my/follow?userId=" +
							that.userInfo.id +
							"&taskId=" +
							that.taskInfo.userTask.id,
					}
				} else {
					obj = {
						title: "快来，一起领现金红包，还有超多福利等你来",
						imageUrl: "https://pic.bangbangtongcheng.com/icon/sharezc.png",
						path: "pages/index/index?userId=" +
							this.userInfo.id +
							"&taskId=" +
							this.taskInfo.userTask.id,
					}
				}
				return obj
			}
		},
		async onPullDownRefresh() {
			this.getData();
		},
	};
</script>
<style lang="less" scoped>
	.box {
		width: 100%;
		// padding-bottom: 130rpx;
		// background-color: #fff;
		background: linear-gradient(180deg, #ff3e46 0%, #fef4e7 100%);
		// background-image: url(https://pic.bangbangtongcheng.com/d775ac0d73f44568a6c9015d89d015d9.png);
		// background-repeat: no-repeat;
		// background-size: 100% auto;
		min-height: 100vh;
	}

	.tou {
		position: relative;
		width: 100%;
		// height: 88rpx;
		text-align: center;
		line-height: 88rpx;
		font-size: 34rpx;
		color: #fff;
		background-color: transparent;

		.image1 {
			position: absolute;
			width: 50rpx;
			height: 50rpx;
			// top: 116rpx;
			left: 30rpx;
			bottom: 20rpx !important;
		}

		.image2 {
			position: absolute;
			width: 50rpx;
			height: 50rpx;
			// top: 104rpx;
			/* #ifndef MP-WEIXIN */

			right: 30rpx;
			/* #endif */
			/* #ifdef MP-WEIXIN */

			right: 220rpx;
			/* #endif */
			bottom: 20rpx !important;
		}
	}

	.top_image {
		width: 100%;
		height: auto;
	}

	.fixed {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 100;
	}

	.jz {
		position: fixed;
		right: 0;
		z-index: 99;
		width: 44rpx;
		height: 98rpx;
	}

	.nums {
		width: 638rpx;
		height: 180rpx;
		background: linear-gradient(180deg, #ffffff 0%, #fffdee 100%);
		border-radius: 24rpx;
		border: 2rpx solid #fdded1;
		margin: -200rpx auto 30rpx;
		position: relative;

		.pos_top {
			position: absolute;
			top: -43rpx;
			left: -40rpx;
			width: 186rpx;
			height: 110rpx;
		}

		.mo {
			position: absolute;
			bottom: -43rpx;
			right: -44rpx;
			width: 205rpx;
			height: 185rpx;
		}

		.num_top {
			padding-top: 40rpx;
			line-height: 45rpx;
			margin-bottom: 20rpx;
			align-items: center;

			.num_title {
				// width: 190rpx;
				text-align: center;
				line-height: 1;
				font-size: 32rpx;
				font-weight: bold;
				color: #903e28;
				padding: 0 10rpx;
			}

			.line_box {
				.line {
					width: 42rpx;
					height: 8rpx;
					background: linear-gradient(90deg, #c88f6b 1%, rgba(222, 193, 169, 0) 100%);
					border-radius: 3rpx 3rpx 3rpx 3rpx;
					margin-bottom: 5rpx;
					margin-left: 0;
				}

				.line1 {
					height: 6rpx;
					margin-left: 9rpx;
				}

				.line:last-child {
					margin-bottom: 0;
				}
			}

			.line_box1 {
				.line {
					background: linear-gradient(270deg, #c88f6b 1%, rgba(222, 193, 169, 0) 100%);
					margin-left: 9rpx;
				}

				.line1 {
					height: 6rpx;
					margin-left: 0;
				}
			}
		}

		.num {
			// display: flex;
			// align-items: flex-end;
			// justify-content: center;
			text-align: center;
			line-height: 60rpx;
			font-size: 60rpx;
			font-weight: bold;
			color: #f6393e;

			.unit {
				font-size: 32rpx;
			}
		}
	}

	.nums1 {
		width: 638rpx;
		height: 380rpx;
		background: linear-gradient(180deg, #ffffff 0%, #fffdee 100%);
		border-radius: 24rpx;
		border: 2rpx solid #fdded1;
		padding: 20rpx;
		margin: 0 auto 30rpx;
		position: relative;

		.pos_top {
			position: absolute;
			top: -43rpx;
			left: -40rpx;
			width: 186rpx;
			height: 110rpx;
		}

		.time {
			display: flex;
			justify-content: flex-end;
			align-items: center;
			line-height: 40rpx;
			height: 40rpx;
			color: #903c29;
			font-size: 26rpx;
			margin-bottom: 22rpx;

			.time_text {
				margin-right: 12rpx;
			}

			.time_box {
				display: flex;
				align-items: center;
				justify-content: center;
				background: linear-gradient(180deg, #fa563b 0%, #e83b24 100%);
				border-radius: 8rpx;
				color: #ffe5c1;
				padding: 0 8rpx;
				height: 40rpx;
				line-height: 40rpx;
				min-width: 48rpx;
			}

			.unit {
				width: 24rpx;
				text-align: center;
				color: #ca5d4e;
				font-size: 28rpx;
			}
		}

		.schedule {
			margin-bottom: 20rpx;
			padding: 16rpx 30rpx;
			position: relative;
			background: #feece0;
			border-radius: 12rpx;

			.envelope {
				position: absolute;
				right: 30rpx;
				top: 16rpx;
				width: 74rpx;
				height: 87rpx;
			}

			.schedule_text {
				color: #2f2f2f;
				font-size: 24rpx;
				font-weight: bold;
				margin-bottom: 24rpx;
				line-height: 34rpx;
			}

			.schedule_text1 {
				line-height: 34rpx;
				color: #903b2a;
				font-size: 24rpx;
				font-weight: bold;

				.right {
					color: #903b2a;
				}
			}

			.progress {
				width: 489rpx;
				height: 16rpx;
				background: #ffe5c1;
				border-radius: 10rpx;
				border: 1rpx solid #ffd193;
				margin-bottom: 20rpx;

				.progress_content {
					height: 100%;
					background: linear-gradient(270deg, #fdd130 0%, #ff1806 100%);
					border-radius: 10rpx;
				}
			}
		}

		.btns {
			image {
				width: 289rpx;
				height: 100rpx;
			}
		}
	}

	.a_item {
		width: 638rpx;
		height: 537rpx;
		background-image: url(https://pic.bangbangtongcheng.com/7421b4e1018042f3be8ce2f10166f883.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		border-radius: 24rpx;
		// border: 2rpx solid #fdded1;
		margin: 0rpx auto 30rpx;
		position: relative;

		.pos_top {
			position: absolute;
			top: -43rpx;
			left: -40rpx;
			width: 186rpx;
			height: 110rpx;
		}

		.mo {
			position: absolute;
			bottom: -18rpx;
			right: -51rpx;
			width: 157rpx;
			height: 146rpx;
		}

		.a_text {
			padding-top: 68rpx;
			text-align: center;
			color: #2f2f2f;
			line-height: 42rpx;
			font-size: 32rpx;
			font-weight: 500;
			margin-bottom: 40rpx;
		}

		.num {
			// display: flex;
			// align-items: flex-end;
			// justify-content: center;
			text-align: center;
			line-height: 120rpx;
			font-size: 120rpx;
			font-weight: bold;
			// color: #f6393e;/*实现文字颜色从红到黄的线性渐变效果*/
			background: linear-gradient(to bottom,
					#fb6467,
					#f63a40);
			/*设置渐变的方向从左到右 颜色从ff0000到ffff00*/
			-webkit-background-clip: text;
			/*将设置的背景颜色限制在文字中*/
			-webkit-text-fill-color: transparent;

			/*给文字设置成透明*/
			.unit {
				font-size: 90rpx;
				line-height: 80rpx;
			}
		}
	}

	.bottom_text {
		color: #791c15;
		font-size: 28rpx;
		line-height: 42rpx;
		padding: 60rpx 0 100rpx;
		text-align: center;

		view {
			margin-bottom: 18rpx;
		}
	}

	.window {
		width: 690rpx;
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		padding: 40rpx 50rpx;
		border-radius: 36rpx;
		background: #fff;

		.close {
			position: absolute;
			right: 20rpx;
			top: 20rpx;
			width: 48rpx;
			height: 48rpx;
		}

		.window_title {
			line-height: 50rpx;
			font-size: 36rpx;
			font-weight: bold;
			text-align: center;
			color: #903e28;
			margin-bottom: 20rpx;
		}

		.window_scroll {
			height: 960rpx;

			.swiper {
				height: 960rpx;
			}

			.window_item {
				display: flex;
				align-items: center;
				padding: 20rpx 0;
				border-bottom: solid 1rpx #e5e5e5;

				.header {
					width: 80rpx;
					height: 80rpx;
					border-radius: 50%;
					margin-right: 18rpx;
				}

				.userInfo {
					width: calc(100% - 98rpx - 100rpx);

					.user_name {
						line-height: 45rpx;
						font-size: 32rpx;
						font-weight: bold;
						color: #3d3d3d;
					}

					.user_time {
						color: #3d3d3d;
						line-height: 34rpx;
						font-size: 24rpx;
					}
				}

				.state {
					line-height: 1;
					font-size: 32rpx;
					font-weight: bold;
					color: #34991d;
					width: 100rpx;
					text-align: right;
				}
			}

			.window_item:last-child {
				border-bottom: 0;
			}
		}

		.num_top {
			line-height: 45rpx;
			margin-bottom: 40rpx;
			align-items: center;

			.line_box {
				.line {
					width: 42rpx;
					height: 8rpx;
					background: linear-gradient(90deg, #c88f6b 1%, rgba(222, 193, 169, 0) 100%);
					border-radius: 3rpx 3rpx 3rpx 3rpx;
					margin-bottom: 5rpx;
					margin-left: 0;
				}

				.line1 {
					height: 6rpx;
					margin-left: 9rpx;
				}

				.line:last-child {
					margin-bottom: 0;
				}
			}

			.num_title {
				// width: 190rpx;
				text-align: center;
				line-height: 1;
				font-size: 32rpx;
				font-weight: bold;
				color: #903e28;
				padding: 0 10rpx;
			}

			.line_box1 {
				.line {
					background: linear-gradient(270deg, #c88f6b 1%, rgba(222, 193, 169, 0) 100%);
					margin-left: 9rpx;
				}

				.line1 {
					height: 6rpx;
					margin-left: 0;
				}
			}
		}
	}

	.mask1 {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
		background: no-repeat rgba(0, 0, 0, 0.3) url(https://pic.bangbangtongcheng.com/74dda397d1204ceea5ce089fb4b437d4.gif);
		background-size: 100% auto;
		background-position: 0 0;
	}

	.activity_box {
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		z-index: 11;

		.activity_image {
			width: 484rpx;
			height: 713rpx;
			margin-bottom: 60rpx;
		}

		.success_window {
			width: 592rpx;
			height: 541rpx;
			background: linear-gradient(159deg, #ffd3d2 0%, #ffecd5 33%, #ffffff 100%);
			border-radius: 64rpx;
			text-align: center;
			margin-bottom: 60rpx;
			animation-name: shake;
			animation-duration: 0.5s;
			animation-iteration-count: 2;
			animation-delay: 0.5s;

			.success_top {
				width: 413rpx;
				height: 333rpx;
				margin-top: -180rpx;
				margin-bottom: 36rpx;
			}

			.success_title {
				line-height: 70rpx;
				font-weight: bold;
				font-size: 56rpx;
				margin-bottom: 40rpx;
			}

			.success_text {
				color: #333;
				font-size: 30rpx;
				line-height: 42rpx;
				margin-bottom: 40rpx;
			}

			.success_btn {
				width: 424rpx;
				height: 88rpx;
				background: linear-gradient(270deg, #f68641 0%, #f4352c 100%);
				border-radius: 20rpx;
				margin: 0 auto;
				color: #fff;
				font-weight: bold;
				font-size: 32rpx;
			}
		}

		.window_close {
			width: 64rpx;
			height: 64rpx;
		}
	}

	.motaikuang2 {
		.tips {
			position: fixed;
			bottom: 0;
			width: 100%;
			background: #fff;
			left: 0;
			padding: 40rpx 30rpx 100rpx;
			border-radius: 36rpx 36rpx 0 0;
			box-sizing: border-box;

			.window_title {
				margin-bottom: 20rpx;
				line-height: 49rpx;
				font-size: 36rpx;
				color: #333;
				text-align: center;
				font-weight: bold;
				margin-bottom: 50rpx;
			}

			.close {
				position: absolute;
				right: 30rpx;
				top: 30rpx;
				width: 48rpx;
				height: 48rpx;
			}

			.flex_end {
				padding: 0 40rpx;

				.fn_item {
					width: 130rpx;
					text-align: center;

					&.wx-btn {
						padding: 0;
						margin: 0;
						background: none;

						&::after {
							border: none;
						}
					}

					.share-img {
						width: 88rpx;
						height: 88rpx;
						box-sizing: border-box;
						margin: 0 auto;
					}

					font-size: 30rpx;
					line-height: 50rpx;
				}
			}

			.size {
				padding: 0 180rpx;
			}
		}

		.tags {
			color: #64b6a8;
			display: inline-block;
		}
	}

	.motaikuang {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.4);
		z-index: 20;

		.verify {
			position: fixed;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
		}
	}

	.none {
		padding-top: 80rpx;
		text-align: center;
		color: #999999;
		font-size: 28rpx;
	}

	.show {
		display: block;
	}

	.hide {
		transition: 1s;
		animation-name: hideWindow1;
		animation-duration: 1s;
		animation-timing-function: linear;
		left: auto;
		display: block;
		/* #ifdef H5 */
		top: 560rpx;
		/* #endif */
		/* #ifndef H5 */
		top: 600rpx;
		/* #endif */
		left: 50%;
		transform: translate(-50%, -50%);
		// animation-fill-mode: forwards;
	}

	@keyframes shake {
		0% {
			transform: rotate(0deg);
		}

		33% {
			transform: rotate(4deg);
		}

		66% {
			transform: rotate(-4deg);
		}

		100% {
			transform: rotate(0deg);
		}
	}

	@keyframes hideWindow1 {
		0% {
			transform: translate(-50%, -50%) scale(1);
			display: block;
		}

		5% {
			transform: translate(-50%, -50%) scale(0.95);
		}

		10% {
			transform: translate(-50%, -50%) scale(0.9);
		}

		15% {
			transform: translate(-50%, -50%) scale(0.85);
		}

		20% {
			transform: translate(-50%, -50%) scale(0.8);
		}

		25% {
			transform: translate(-50%, -50%) scale(0.75);
		}

		30% {
			transform: translate(-50%, -50%) scale(0.7);
		}

		35% {
			transform: translate(-50%, -50%) scale(0.65);
		}

		40% {
			transform: translate(-50%, -50%) scale(0.6);
		}

		45% {
			transform: translate(-50%, -50%) scale(0.55);
		}

		50% {
			transform: translate(-50%, -50%) scale(0.5);
		}

		55% {
			transform: translate(-50%, -50%) scale(0.45);
		}

		60% {
			transform: translate(-50%, -50%) scale(0.4);
		}

		65% {
			transform: translate(-50%, -50%) scale(0.35);
		}

		70% {
			transform: translate(-50%, -50%) scale(0.3);
		}

		75% {
			transform: translate(-50%, -50%) scale(0.25);
		}

		80% {
			transform: translate(-50%, -50%) scale(0.2);
		}

		85% {
			transform: translate(-50%, -50%) scale(0.15);
		}

		90% {
			transform: translate(-50%, -50%) scale(0.1);
		}

		95% {
			transform: translate(-50%, -50%) scale(0.05);
		}

		100% {
			transform: translate(-50%, -50%) scale(0);
			/* display: none; */
		}
	}

	// .activity_box {
	//   transition: 0.5s;
	//   position: fixed;
	//   display: none;
	//   left: 50%;
	//   top: 50%;
	//   transform: translate(-50%, -50%);
	//   text-align: center;
	//   z-index: 11;
	//   .activity_image {
	//     width: 484rpx;
	//     height: 713rpx;
	//     margin-bottom: 60rpx;
	//   }
	//   .window_close {
	//     width: 64rpx;
	//     height: 64rpx;
	//   }
	// }
	// .show {
	//   display: block;
	// }
	// .hide {
	//   transition: 0.5s;
	//   animation-name: hideWindow;
	//   animation-duration: 0.2s;
	//   left: auto;
	//   display: block;
	//   /* #ifdef H5 */
	//   top: 890rpx;
	//   /* #endif */
	//   /* #ifndef H5 */
	//   top: 960rpx;
	//   /* #endif */
	//   left: 75%;
	//   transform: translate(-50%, -50%);
	//   // animation-fill-mode: forwards;
	// }
	// .shake {
	//   animation-name: shake;
	//   animation-duration: 1s;
	//   animation-iteration-count: 1;
	//   animation-delay: 0.5s;
	// }
</style>